<template>
  <div class="bg_view copy_page">
    <div style="height: 12px"></div>
    <div class="item" v-for="item in methodList" @click="nextFun(item)">
      <div>{{ item.name }}</div>
      <img src="@/assets/img/right.png" alt="" />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      methodList: [
        {
          name: "本人办理",
          method: "1",
        },
        {
          name: "他人办理",
          method: "2",
        },
        {
          name: "保险机构代办",
          method: "3",
        },
        {
          name: "儿童办理",
          method: "4",
        },
      ],
    };
  },

  methods: {
    nextFun(item) {
      window.localStorage.removeItem("copydata");
      this.$router.push({
        path: "/upload_documents",
        query:item
      });
    },
  },
};
</script>
<style lang="less" scoped>
.copy_page {
  .item {
    padding: 0 0.8125rem;
    margin: 0.75rem 1rem;
    margin-top: 0;
    height: 2.75rem;
    background: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(174, 206, 254, 0.22);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    > img {
      width: 0.5rem;
      height: 0.8125rem;
    }
  }
}
</style>